<template>
    <div>
        <el-table :data="startData" class="com_table" height="400px">
            <el-table-column prop="star_id" label="达人ID">
            </el-table-column>
            <el-table-column prop="create_time" label="创建时间">
            </el-table-column>
            <el-table-column prop="status" label="文件状态">
                <template slot-scope="scope">
                    <div class="flexbox flexcenter" v-if="scope.row.status==0">
                        <div class="tm_y gray_y"></div>
                        <div class="tm_t gray_t">等待中</div>
                    </div>
                    <div class="flexbox flexcenter" v-else-if="scope.row.status==1">
                        <div class="tm_y yellow_y"></div>
                        <div class="tm_t yellow_t">爬取中</div>
                    </div>
                    <div class="flexbox flexcenter" v-else-if="scope.row.status==2">
                        <div class="tm_y green_y"></div>
                        <div class="tm_t green_t">已完成</div>
                    </div>
                </template>
            </el-table-column>
        </el-table>
        <el-pagination style="margin-top:16px" background layout="total, prev, pager, next" @current-change="handleCurrentChange" :current-page="startInfo.page" :page-size="startInfo.limit" :total="stotal">
        </el-pagination>
    </div>
</template>

<script>
export default {
    props:["startData","startInfo","stotal"],
    name: "",
    data() {
        return {
            
        };
    },

    created() {
        
    },
    methods: {
        // 当前页切换
        handleCurrentChange(val) {
            this.startInfo.page = val;
            this.$emit("getStarList")
        },
    },
};
</script>
<style scoped>
.option_content {
    line-height: 20px;
    margin-top: 5px;
}
.tm_y {
    width: 8px;
    height: 8px;
    border-radius: 50%;
}
.tm_t {
    font-size: 14px;
    margin-left: 12px;
}
.gray_y {
    background: #b4b7bd;
}
.yellow_y {
    background: #fabc42;
}
.green_y {
    background: #00c271;
}
.red_y {
    background: #fe6262;
}
.gray_t {
    color: #b4b7bd;
}
.yellow_t {
    color: #fabc42;
}
.green_t {
    color: #00c271;
}
.red_t {
    color: #fe6262;
}
</style>

